<template>
	<view class="content">
		<view class="header">
			<image class="logo" @click="goindex()" :src="_baseURL + setting.site_logo" mode=""></image>
			<view class="nologin" v-if="showinfonav">
				<view class="com-btn" @click="gologin()">登录</view>
				<!-- <view class="com-btn" @click="goregister()">注册</view> -->
			</view>
			<view v-else class="after-login">
				<view class="balance">
					<image class="jinbi" src="../../static/img/jinbi.png" mode=""></image>
					<view class="yue">${{userinfo.money}}</view>
					<image @click="getrefresh()" class="shuaxin" :class="isrefresh ? 'ssssxuanzhuan':''" src="../../static/img/shuaxin.png" mode=""></image>
					<view class="qianbao">
						<image src="../../static/img/qianbao.png" mode=""></image>
					</view>
				</view>
				<view class="com-my" @click="gouserindex()">
					<image src="../../static/img/avatar.webp" mode=""></image>
				</view>
			</view>
		</view>
		<liuyuno-tabs ref="liuyuno" :tabData="tabs" :defaultIndex="defaultIndex" @tabClick='tabClick' />
		<scroll-view scroll-y="true" class="con" :scroll-top="scrollTop" scroll-with-animation>
			<swiper :indicator-dots="false" :autoplay="true" :interval="3000" :duration="1000">
				<swiper-item v-for="(item,index) in setting.banners" :key="index">
					<view class="swiper-item">
						<image :src="_baseURL + item.path" mode=""></image>
					</view>
				</swiper-item>
			</swiper>
			<view class="games">
				<view class="card-head">
					<view class="chleft">
						<image class="gameicon" src="../../static/img/indexicon.png" mode=""></image>
						<view>热门游戏</view>
					</view>
				</view>
				<scroll-view scroll-x="true" >
					<view class="items" @click="iframe_s('DG', 1, 'DG',3)">
						<image src="../../static/gameimg/dg.jpg" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('AG', 1, 'AG',3)">
						<image src="../../static/gameimg/wc.jpg" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('JD', 1, 'JD',3)">
						<image src="../../static/gameimg/jdb.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('CQ', 1, 'CQ',3)">
						<image src="../../static/gameimg/cq.webp" mode=""></image>
					</view>
				</scroll-view>
				<view class="card-head" style="margin-top: 40rpx;">
					<view class="chleft">
						<image class="gameicon" src="../../static/img/dianzi.png" mode=""></image>
						<view>电子</view>
					</view>
					<view class="chright" @click="changetab(1)">全部</view>
				</view>
				<scroll-view scroll-x="true" >
					<view class="items" @click="iframe_s('JA', 1, 'JA',3)">
						<image src="../../static/gameimg/cais.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('JD', 1, 'JD',3)">
						<image src="../../static/gameimg/jdb.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('CQ', 1, 'CQ',3)">
						<image src="../../static/gameimg/cq.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('PG', 1, 'PG',3)">
						<image src="../../static/img/youxi2.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('EP', 1, 'EP',3)">
						<image src="../../static/img/youxi1.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('L1', 1, 'L1',3)">
						<image src="../../static/gameimg/l1.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('PR', 1, 'PR',3)">
						<image src="../../static/gameimg/pp.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('PN', 1, 'PN',3)">
						<image src="../../static/gameimg/pn.webp" mode=""></image>
					</view>
				</scroll-view>
				<view class="card-head" style="margin-top: 40rpx;">
					<view class="chleft">
						<image class="gameicon" src="../../static/img/zhenren.png" mode=""></image>
						<view>真人</view>
					</view>
					<view class="chright" @click="changetab(2)">全部</view>
				</view>
				<scroll-view scroll-x="true" >
					<view class="items" @click="iframe_s('DG', 1, 'DG',3)">
						<image src="../../static/gameimg/dg.jpg" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('AG', 1, 'AG',3)">
						<image src="../../static/gameimg/wc.jpg" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('WC', 1, 'WC',3)">
						<image src="../../static/gameimg/ag.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('WE', 1, 'WE',3)">
						<image src="../../static/gameimg/we.jpg" mode=""></image>
					</view>
					
					<!-- <view class="items" @click="iframe_s('GB', 1, 'GB',3)">
						<image src="../../static/gameimg/ag.jpg" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('GE', 1, 'GE',3)">
						<image src="../../static/gameimg/ag.jpg" mode=""></image>
					</view> -->
					
				</scroll-view>
				<view class="card-head" style="margin-top: 40rpx;">
					<view class="chleft">
						<image class="gameicon" src="../../static/img/caipiao.png" mode=""></image>
						<view>彩票</view>
					</view>
					<view class="chright" @click="changetab(3)">全部</view>
				</view>
				<scroll-view scroll-x="true" >
					<view class="items">
						<image src="../../static/gameimg/sy.jpeg" mode=""></image>
					</view>
					
				</scroll-view>
				<view class="card-head" style="margin-top: 40rpx;">
					<view class="chleft">
						<image class="gameicon" src="../../static/img/tiyu.png" mode=""></image>
						<view>体育</view>
					</view>
					<view class="chright" @click="changetab(4)">全部</view>
				</view>
				<scroll-view scroll-x="true" >
					<view class="items">
						<image src="../../static/gameimg/ss.jpg" mode=""></image>
					</view>
					<view class="items">
						<image src="../../static/gameimg/ibc.jpg" mode=""></image>
					</view>
					
				</scroll-view>
				<view class="card-head" style="margin-top: 40rpx;">
					<view class="chleft">
						<image class="gameicon" src="../../static/img/dianjing.png" mode=""></image>
						<view>电竞</view>
					</view>
					<view class="chright" @click="changetab(5)">全部</view>
				</view>
				<scroll-view scroll-x="true" >
					<view class="items" @click="iframe_s('FA', 1, 'FA',3)">
						<image src="../../static/gameimg/fy.jpeg" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('IA', 1, 'IA',3)">
						<image src="../../static/gameimg/xa.jpeg" mode=""></image>
					</view>
				</scroll-view>
				<view class="card-head" style="margin-top: 40rpx;">
					<view class="chleft">
						<image class="gameicon" src="../../static/img/buyu.png" mode=""></image>
						<view>捕鱼</view>
					</view>
					<view class="chright" @click="changetab(6)">全部</view>
				</view>
				<scroll-view scroll-x="true" >
					<view class="items" @click="iframe_s('JA', 1, 'JA',3)">
						<image src="../../static/gameimg/jaby.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('JD', 1, 'JD',3)">
						<image src="../../static/gameimg/jdbby.webp" mode=""></image>
					</view>
					<view class="items" @click="iframe_s('CQ', 1, 'CQ',3)">
						<image src="../../static/gameimg/cqby.webp" mode=""></image>
					</view>
				</scroll-view>
				<view class="card-head" style="margin-top: 40rpx;">
					<view class="chleft">
						<image class="gameicon" src="../../static/img/qipai.png" mode=""></image>
						<view>棋牌</view>
					</view>
					<view class="chright" @click="changetab(7)">全部</view>
				</view>
				<scroll-view scroll-x="true" >
					<view class="items" @click="iframe_s('BL', 1, 'BL',3)">
						<image src="../../static/gameimg/bl.webp" mode=""></image>
					</view>
					
				</scroll-view>
			</view>
			<view class="card-head" style="margin-top: 40rpx;margin-bottom: 24rpx;">
				<view class="chleft">
					<image class="gameicon" src="../../static/img/indexicon.png" mode=""></image>
					<view>游戏厂商</view>
				</view>
			</view>
			<swiper class="siwper1" :indicator-dots="false" :autoplay="false" :interval="3000" :duration="1000" :circular="true" style="height: 350rpx;">
				<swiper-item class="changshang" v-for="item in 4">
					<view class="swiper-item">
						<view class="info">
							<view class="left">
								<image src="../../static/img/youxichangshang.png" mode=""></image>
								<view>
									<view class="l-title">GFG GAMING</view>
									<view class="l-subtitle">183款游戏</view>
								</view>
							</view>
							<image class="right" src="../../static/img/right.png" mode=""></image>
						</view>
						<view class="infoscon">
							<image src="../../static/img/changshangyouxi.png" mode=""></image>
							<image src="../../static/img/sy1.png" mode=""></image>
							<image src="../../static/img/sy2.png" mode=""></image>
							<image src="../../static/img/sy3.png" mode=""></image>
							<image src="../../static/img/sy4.png" mode=""></image>
							<image src="../../static/img/sy5.png" mode=""></image>
						</view>
					</view>
				</swiper-item>
			</swiper>
			<view class="more-info" :class="showmore ? 'normal':'aftes'">
				<view class="content-wrap">
					<h3 class="main-title"> 最佳在线赌场 - 太平洋娱乐玩最值得玩的赌场游戏 </h3>
					<view class="contentcon" :class="showmore ? 'expande':'close'">
						<view class="ccitem"> 太平洋娱乐的“冷钱包转帐哈希游戏”拥有基于区块链的公平公正可验证属性。只要用冷钱包转账，无需注册，无需存款，每笔下注快速派奖以及超级简单的玩法，是所有在线赌场爱好者的理想选择。此类游戏可以为您提供无与伦比的游戏体验以及丰厚的奖金盈利。现在就让我们为您带来太平洋娱乐 YS 赌场上最出色的游戏吧! </view>
						<view class="ccitem">
							<h5>可信赖的游戏体验</h5>
							 太平洋娱乐首创的哈希游戏以其公平性和透明度而著称，每个游戏结果都可以随时随地通过区块链查询验证，确保了游戏结果的真实性和随机性。独特的，透明的游戏体验给玩家带来了前所未有的信任和安全感，使得哈希游戏在加密货币赌场行业中占据了一席之地。 
						</view>
						<view class="ccitem">
							<h5>哈希游戏种类</h5>
							 哈希原创游戏种类丰富，涵盖了从经典的哈希转账游戏到创新的哈希原创页面游戏。其中包括哈希页面投注，一分哈希单双，一分哈希大小等。每种游戏都有其独特的规则和玩法，且都使用加密货币作为投注和盈利的媒介。 
						</view>
						<view class="ccitem">
							<h5>高回报率的游戏</h5>
							 哈希游戏在太平洋娱乐玩家中极受欢迎，其原因不仅仅是因为游戏本身的乐趣，还包括3-6秒的快速返奖，不同等级随意切换，以及其提供的高玩家回报率，无论博彩游戏新手还是及经验丰富的玩家都能在哈希游戏中找到乐趣，刺激和挑战。 
						</view>
						<view class="ccitem">
							<h5>经许可授权的加密货币赌场</h5>
							 太平洋娱乐由库拉索岛博彩机构颁发执照，提供安全、可靠和公平的平台。太平洋娱乐 由Apolonia N.V. 根据颁发给 Antillephone 的 #365/JAZ 博彩执照运营，该执照由库拉索岛政府授权和监管。 
						</view>
						<view class="ccitem">
							<h5>最佳赌场游戏供应商</h5>
							 太平洋娱乐 拥有行业最佳供应商的赌场游戏，如 Pragmatic Play、Evolution、Good Fortune Gaming 、Asia Gaming、Easybet、UltraPlay、PGSoft Game等。我们还提供太平洋娱乐 原创独家游戏。哈希游戏可在桌面或移动设备上进行，包括哈希单双、哈希大小、哈希牛牛、幸运哈希等数 千款热门游戏，每周还推出全新的在线赌场游戏。 
						</view>
						<view class="ccitem">
							<h5>太平洋娱乐 精彩活动、投注返水和 VIP</h5>
							 太平洋娱乐为活跃会员提供精彩活动和奖金。太平洋娱乐 还定期围绕一些赛事推出特别活动和红利，如发布新赌场游戏和大型体育赛事（包括 UFC、NBA、英超联赛等）。 
						</view>
						<view class="ccitem">
							<h5>VIP计划</h5>
							 注册太平洋娱乐 账户后，您还可以根据您在太平洋娱乐平台上的投注金额来确定您的VIP俱乐部会员级别，包括且不限于VIP返利，等级提升奖金、以及每月奖金。有关 太平洋娱乐 VIP 的更多信息，请阅读我们的VIP详情。 
						</view>
						<view class="ccitem">
							<h5>加密货币投注的即时存款和取款</h5>
							 在 太平洋娱乐 的在线赌场和体育博彩平台上使用加密货币投注和管理您的银行账户非常简单。您可以按照下面列出的简单步骤，将资金存入太平洋娱乐 账户，使用您选择的加密货币进行在线投注： 
							<br />
							<h3 style="margin-top: 34rpx;">第 1 步 - 在钱包 &gt; 存款中获取存款地址。</h3>
							<h3>第 2 步 - 选择适合自己的方法。我们支持多种货币，USDT、TRX等众多货币。 </h3>
							<h3>第 3 步 - 使用您的存款地址作为加密钱包或交易所的提出地址。 </h3>
							<br />
							 太平洋娱乐 拥有蓬勃发展的社群、活跃的即时聊天和专业的客户支持团队，可以解决游戏或账户方面的任何问题。太平洋娱乐 充分展示了其成为领先加密货币赌场网站和体育投注平台的实力。 
							<br />
							 还在等什么？玩您最喜欢的游戏，寻找带有丰厚奖金的全新热门赌场游戏和最新体育投注市场，了解赌场玩家和博彩爱好者为何选择 太平洋娱乐 作为他们的首选加密货币博彩网站和在线体育投注平台。 
						</view>
					</view>
					<view class="expande-button-wrap">
						<view v-if="!showmore" class="expande-button" @click="showmore = !showmore">查看更多</view>
						<view v-else class="expande-button" @click="showmore = !showmore">收起</view>
					</view>
				</view>
			</view>
			<view class="footer">
				<view class="service">
					<view class="serviceitem">
						<view class="sititle">支持/法律</view>
						<view class="cells">
							<view>常见问题</view>
							<view>负责任博彩</view>
							<view>公平公正</view>
							<view>服务条款</view>
							<view>关于我们</view>
						</view>
					</view>
				</view>
				<view class="line"></view>
				<!-- <view class="supper">
					<view class="sititle">社群入口</view>
					<view class="sup-icons">
						<image v-for="item in 7" src="../../static/img/bizhong.png" mode=""></image>
					</view>
				</view>
				<view class="supper">
					<view class="sititle">支持的币种</view>
					<view class="symbol-box">
						<image v-for="item in 7" src="../../static/img/bizhong.png" mode=""></image>
					</view>
				</view> -->
				<view class="rules">
					<view class="sititle">赞助和博彩责任</view>
					<view class="rule-icons">
						<image src="../../static/img/zanzhu1.png" mode=""></image>
						<image src="../../static/img/zanzhu2.png" mode=""></image>
						<image src="../../static/img/zanzhu3.png" mode=""></image>
						<image src="../../static/img/zanzhu4.png" mode=""></image>
						<image src="../../static/img/zanzhu5.png" mode=""></image>
						<image src="../../static/img/zanzhu6.png" mode=""></image>
					</view>
				</view>
				<view class="line"></view>
				<view class="copyright">
					<image :src="_baseURL + setting.site_logo" mode=""></image>
					<view> 太平洋娱乐，区块链游戏加密赌场，通过实施公平、公正的策略来满足全球数百万用户的需求。强调以用户为核心，太平洋娱乐 致力于保证游戏的透明度和公平性，同时提供一个持续的、充满乐趣的游戏平台。 </view>
				</view>
			</view>
		</scroll-view>
		<view class="tabbars">
			<view class="tabber-item active" @click="changetabbars()">
				<view class="tiicon">
					<image class="tiicon1" src="../../static/tabbar/caidan.png" mode=""></image>
				</view>
				<view>菜单</view>
			</view>
			<view class="tabber-item" @click="goinvitation()">
				<view class="tiicon">
					<image class="tiicon2" src="../../static/img/caipiao.png" mode=""></image>
				</view>
				<view>彩票</view>
			</view>
			<view class="tabber-item tabber-item1" @click="goinvitation()">
				<view class="tiicon">
					<image class="tiicon2" src="../../static/img/tuandui.png" mode=""></image>
				</view>
				<view>团队</view>
			</view>
			<view class="tabber-item" @click="gorecharge()">
				<view class="tiicon">
					<image class="tiicon3" src="../../static/icon/23.png" mode=""></image>
				</view>
				<view>充值</view>
			</view>
			<view class="tabber-item" @click="gokefu()">
				<view class="tiicon">
					<image class="tiicon4" src="../../static/tabbar/liaotian.png" mode=""></image>
				</view>
				<view>聊天</view>
			</view>
		</view>
		<view class="popup" :class="[popups ? 'in':'out',lingorbai ? 'ling':'bai']" @touchstart="touchStart" @touchend="touchEnd" @touchmove.stop.prevent="movehandle()">
			<view class="menu-wrap">
				<image class="indexbg" src="../../static/img/indexbg.png" mode=""></image>
				<view class="link-items">
					<!-- <view class="link-item" @click="goinvitation()">
						<image src="../../static/icon/1.png" mode=""></image>
						<view>邀请好友</view>
					</view> -->
					<view class="link-item" @click="govipcenter()">
						<image src="../../static/icon/3.png" mode=""></image>
						<view>VIP俱乐部</view>
					</view>
					<view class="link-item" @click="gogame()">
						<image src="../../static/icon/2.png" mode=""></image>
						<view>游戏厂商</view>
					</view>
					<view class="link-item" @click="goproxyPartner()">
						<image src="../../static/icon/4.png" mode=""></image>
						<view>商务合作</view>
					</view>
					<!-- <view class="link-item" @click="gohuodong()">
						<image src="../../static/icon/5.png" mode=""></image>
						<view>活动优惠</view>
					</view> -->
				</view>
				<view class="online-service" @click="gokefu()">
					<image src="../../static/img/kefu.png" mode=""></image>
					<view>在线客服</view>
				</view>
			</view>
		</view>
		<view class="gonggao" v-if="gonggaoshow" @touchmove.stop.prevent="movehandle()">
			<view class="gonggaocon">
				<view class="Annmt">
					<view class="annmttext">
						<view class="annmttitle">官方公告</view>
						<view class="annmtbox">
							<swiper class="swipers" :indicator-dots="true" :autoplay="false" :interval="3000" :duration="1000" :circular="true" indicator-color="#ebedf0" indicator-active-color="#13db6f">
								<swiper-item v-for="(item,index) in gonggaolist" :key="index">
									<scroll-view scroll-y="true" class="swiper-item">
										<view v-html="item.content"></view>
									</scroll-view>
								</swiper-item>
							</swiper>
						</view>
					</view>
					<view class="annmtknow" @click="gonggaoshow = false">我知道了</view>
				</view>
			</view>
		</view>
		
		<uni-popup ref="popup" type="center" class="iframe_alert">
			<h5>您需要为{{show_id}}转入金额吗？</h5>
			<view class="top1">
				<view>当前余额：{{userinfo.money}}</view>
				<text @click="zijihuishou" v-if="huishou_type == 0">资金回收</text>
				<text v-else>回收中…</text>
			</view>
			<view class="top2">
				<input type="number" placeholder="请输入金额" v-model="money" />
				<text @click="quanbu">全部</text>
			</view>
			<view class="top3">
				<text @click="jinruyouxi()">直接进入游戏</text>
				<text @click="jinruyouxi_liji()">立即进入游戏</text>
			</view>
			<view class="top1">
				<view v-if="beitips == 1">注意：1X倍場遊戲 每註/每局免費遊戲无封顶限制 </view>
				<view v-if="beitips == 2">注意：2X倍場遊戲 每註/每局免費遊戲 賠付上限為2.5萬分=5萬元整（超過上限之金額歸平台所有），任何人士進入遊戲等於接受本條款。</view>
				<view v-if="beitips == 5">注意：5X倍場遊戲 每註/每局免費遊戲 賠付上限為1.5萬分=7.5萬元整（超過上限之金額歸平台所有），任何人士進入遊戲等於接受本條款。</view>
				<view v-if="beitips == 10">注意：10X倍場遊戲 每註/每局免費遊戲 賠付上限為1萬分=10萬元整（超過上限之金額歸平台所有），任何人士進入遊戲等於接受本條款。 </view>
				<view v-if="beitips == 20">注意：20X倍場遊戲 每註/每局免費遊戲 賠付上限為1萬分=20萬元整（超過上限之金額歸平台所有），任何人士進入遊戲等於接受本條款。 </view>
			</view>
		</uni-popup>
		<uni-popup ref="popup1" type="center" class="iframe_alert">
			<h5>{{show_id}}</h5>
			<view class="top3 top4">
				<text @click="iframe_s2(1)">x1</text>
				<text @click="iframe_s2(2)" style="background: linear-gradient(to bottom, #dcdcdc 0%, #969696 100%);color: #5a5a5a;">x2</text>
			</view>
			<view class="top3 top4">
				<text @click="iframe_s2(5)">x5</text>
				<text @click="iframe_s2(10)" style="background: linear-gradient(to bottom, #dcdcdc 0%, #969696 100%);color: #5a5a5a;">x10</text>
			</view>
			<view class="top3 top4" v-if="beichang==4">
				<text @click="iframe_s2(20)">x20</text>
			</view>
		</uni-popup>
		<uni-popup ref="popup2" type="bottom">
			<view style="height: 100vh; overflow: auto; width: 100%" class="game_div">
				<view v-for="item in game_div_list" class="game_div_list" @click="game_play(item.id)">
					<image :src="item.img" mode=""></image>
					<view>{{item.name}}</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="iframepopup" type="bottom" class="iframespopup">
			<image @click="ipclose()" src="../../static/img/goback.png" mode=""></image>
			<iframe :src="iframe_src" frameborder="0" width="100%" :height="iframe_type == 1?'100%':'0'"></iframe>
		</uni-popup>
	</view>
</template>

<script>
	import liuyunoTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
	import { getuserinfo,message,sysconfig,check,onetransfer,transferall } from '../../api/api.js'
	import { baseURL } from '../../api/http.js'
	export default {
		components: {
		    liuyunoTabs
		},
		data() {
			return {
				tabs:[
					'首页',
					'电子',
					'真人',
					'彩票',
					'体育',
					'电竞',
					'捕鱼',
					'棋牌'
				],
				defaultIndex:0,
				
				showmore:false,
				showinfonav:true,
				userinfo:[],
				isrefresh: false,
				popups:false,
				lingorbai:false,
				
				startX:0,
				
				gonggaoshow:false,
				gonggaolist:[],
				
				_baseURL: baseURL,
				setting:[],
				scrollTop:0,
				
				huishou_type: 0,
				bei: '',
				beichang: 0,
				beitips: 1,
				show_id: "",
				money:'',
				game_div_list: [],
				show_title: "",
				show_id: "",
				show_type: '',
				show_redirect: '',
				iframe_src: "",
				iframe_type: "",
				gameurl:''
			}
		},
		onLoad() {
			if (uni.getStorageSync('userinfo')) {
				this.userinfo = JSON.parse(uni.getStorageSync('userinfo'))
			}
			if(uni.getStorageSync('token')){
				this.showinfonav = false
				this.getuserinfo()
				
				this.getgonggao()
				if(uni.getStorageSync('indexgonggaoshow') == 0){
					this.gonggaoshow = true;
					uni.setStorageSync('indexgonggaoshow',1)
				}
			}
			this.getsysconfig()
		},
		methods: {
			openafremalert(){
				this.$refs.popup.open()
			},
			openafremalert1(){
				this.$refs.popup1.open()
			},
			ipclose(){
				this.$refs.iframepopup.close()
			},
			
			gogame(){
					uni.navigateTo({
						url:'/pages/gameList/gameList'
					})
			},
			open(){
				let that = this;
				this.popups = true;
				setTimeout(function(){
					that.lingorbai = true
				},700)
			},
			touchStart: function (e) {
				if (e.touches.length == 1) {
					//设置触摸起始点水平方向位置
					this.startX=e.touches[0].clientX;
				}
			},
			touchEnd: function (e) {
				let that = this;
				if (e.changedTouches.length == 1) {
					//手指移动结束后水平位置
					var endX = e.changedTouches[0].clientX;
					let diff = endX-this.startX;
					if(Math.abs(diff)>20){
						if(diff>0){
							console.log("左滑...");
						}else{
							console.log("右滑...");
							that.popups = false;
							setTimeout(function(){
								that.lingorbai = false
							},700)
						}
					}
				}
			},
			movehandle(){
				return true
			},
			
			changetabbars(){
				let pages = getCurrentPages()
				if(pages[pages.length - 1].$page.fullPath == '/pages/index/index'){
					this.open()
				}else{
					uni.reLaunch({
						url:'/pages/index/index'
					})
				}
			},
			goinvitation(){
				uni.navigateTo({
					url:'/pages/index/invitation'
				})
			},
			goproxyPartner(){
				uni.navigateTo({
					url:'/pages/user/proxyPartner'
				})
			},
			gohuodong(){
				uni.navigateTo({
					url:'/pages/active/activeList'
				})
			},
			gorecharge() {
				uni.navigateTo({
					url: '/pages/user/recharge'
				})
			},
			gokefu(){
				window.open(this.setting.service_link)
			},
			govipcenter(){
				uni.navigateTo({
					url:'/pages/vip/center'
				})
			},
			
			tabClick(e){
				this.scrollTop = 375 + ((e - 1) * 200)
				let that = this;
				if(that.popups){
					that.popups = false;
					setTimeout(function(){
						that.lingorbai = false
					},700)
				}
			},
			changetab(e){
				this.$refs['liuyuno'].tabClick(e)
			},
			getrefresh() {
				let that = this;
				this.isrefresh = true;
				setTimeout(function(){
					that.isrefresh = false;
				},1000)
				this.getuserinfo();
			},
			getuserinfo(){
				getuserinfo().then(res => {
					if(res.data.status.errorCode == 0){
						uni.setStorageSync('userinfo', JSON.stringify(res.data.data.member))
						this.userinfo = res.data.data.member
					}
				}).catch(err => {
					console.log(err)
				})
			},
			getgonggao(){
				let datas = {
					page:1
				}
				message(datas).then(res => {
					if(res.data.status.errorCode == 0){
						this.gonggaolist = res.data.data.data
					}
				}).catch(err => {
					console.log(err)
				})
			},
			getsysconfig(){
				sysconfig().then(res => {
					if(res.data.status.errorCode == 0){
						this.setting = res.data.data
					}
				}).catch(err => {
					console.log(err)
				})
			},
			gologin(){
				uni.navigateTo({
					url:'/pages/login/login'
				})
			},
			goregister(){
				uni.navigateTo({
					url:'/pages/login/register'
				})
			},
			gouserindex(){
				uni.navigateTo({
					url:'/pages/user/index'
				})
			},
			
			jinruyouxi() {
				this.$refs.popup.close()
				// if(this.show_title == 'PG'){
				// 	uni.request({
				// 		url:'https://www.zsyl6.com/api/new_gamelist_fvpg?type=fv&aaa=PG',
				// 		method:"GET",
				// 		success: (res) => {
				// 			this.game_div_list = res.Data
				// 			this.$refs.popup2.open()
				// 		}
				// 	})
				// 	return
				// }
				if(this.show_title=='ST'){
					location.href = this.gameurl;
					return
				}
				this.iframe_src = this.gameurl;
				this.$refs.iframepopup.open()
			},
			jinruyouxi_liji() {
				this.$refs.popup.close()
				
				let title = ''
				if (this.bei) {
					title = this.show_title + '_' + this.bei;
				} else {
					title = this.show_title;
				}
			
				if (title.indexOf("JOKER") != -1) {
					title = title.replace("_", "");
				}
				if (this.money > 0) {
					let datas = {
						transfer_type:0,
						api_name:title,
						money:this.money
					}
					onetransfer(datas).then(res => {
						this.getuserinfo()
					}).catch(err => {
						console.log(err)
					})
				}
				// if(this.show_title == 'PG'){
				// 	uni.request({
				// 		url:'https://www.zsyl6.com/api/new_gamelist_fvpg?type=fv&aaa=PG',
				// 		method:"GET",
				// 		success: (res) => {
				// 			this.game_div_list = res.Data
				// 			this.$refs.popup2.open()
				// 		}
				// 	})
				// 	return
				// }
				if(this.show_title=='ST'){
					location.href=this.gameurl;
					return
				}
				this.iframe_src = this.gameurl;
				this.$refs.iframepopup.open()
			},
			quanbu() {
				this.money = this.userinfo.money;
			},
			zijihuishou() {
				this.huishou_type = 1;
				transferall().then(res => {
					this.getuserinfo()
					this.huishou_type = 0;
				}).catch(err => {
					console.log(err)
				})
			},
			iframe_s(id, type, title, beichang, redirect = "") {
				
				if(!uni.getStorageSync('token')){
					this.gologin()
					return false
				}
				let titles = title;
				// let titles = title + '_' + 1;
				var src =
					"http://119.13.84.132:8001" +
					"/game/playGame?plat_type=" +
					titles +
					"&game_type=" +
					redirect +
					"&game_type=2&token=" +
					uni.getStorageSync('token');
					
				this.iframe_src = src;
				this.iframe_type = type;
				this.$refs.iframepopup.open()
				return false
				
				this.beitips = 0;
				this.iframe_src = "";
			
				this.show_title = title;
				this.show_id = id;
				this.show_type = type;
				this.show_redirect = redirect;
			
				this.beichang = beichang;
				if (beichang) {
					this.openafremalert1()
				} else {
					this.bei = '';
					let id = this.show_id;
					let title = this.show_title;
					let type = this.show_type;
					let redirect = this.show_redirect;
					
					let datas = {
						api_name:title
					}
					check(datas).then(res => {}).catch(err => {
						console.log(err)
					})
			
					this.money = "";
					this.openafremalert()
					var src =
						"https://www.w-cty.com/" +
						"/game/playGame?plat_type=" +
						title +
						"&game_type=" +
						redirect +
						"&token=" +
						uni.getStorageSync('token');
			
					this.gameurl = src;
			
					this.iframe_type = type;
				}
			},
			iframe_s2(bei) {
				this.$refs.popup1.close()
				
				let id = this.show_id;
				this.bei = bei;
				this.beitips = bei;
				let title = this.show_title + '_' + bei;
				let type = this.show_type;
				let redirect = this.show_redirect;
				
				if (title.indexOf("JOKER") != -1) {
					title = title.replace("_", "");
				}
			
				let datas = {
					api_name:title
				}
				check(datas).then(res => {}).catch(err => {
					console.log(err)
				})
			
				this.money = "";
				this.openafremalert()
				// var u = plus.navigator.getUserAgent();
				var u = 'Android'
				var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1;
				if (isAndroid && title.search("JOKER") != -1) {
					var src =
						"https://www.w-cty.com/" +
						"/m/app_login?url=%2Fgame%2FplayGame%3Fplat_type%3D" +
						title +
						"%26game_type%3D2%26devices%3D1&code=" +
						title +
						"&token=" +
						uni.getStorageSync('token');
				} else {
			
					var src =
						"https://www.w-cty.com/" +
						"/game/playGame?plat_type=" +
						title +
						"&game_type=" +
						redirect +
						"&game_type=2&token=" +
						uni.getStorageSync('token');
			
				}
				if(this.show_title == 'PG'){
			
					return
				}
				else{
					// this.iframe_src = src;
					this.gameurl = src;
					this.iframe_type = type;
					// this.iframe_show = true;
				}
			
			},
		}
	}
</script>

<style scoped>
	*{
		box-sizing: border-box;
	}
	
	/deep/ *::-webkit-scrollbar {
		display: none;
	}
	/deep/ *{
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}
	
	.content{
		width: 100%;
		min-height: 100vh;
		background: #212125;
	}
	.header{
		width: 100%;
		height: 100rpx;
		padding-right: 24rpx;
		padding-left: 39rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.logo{
		width: 100rpx;
		height: 80rpx;
	}
	.nologin,.after-login{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.to-login{
		word-break: break-all;
		text-align: center;
		font-weight: 700;
		margin-right: 40rpx;
		font-size: 26rpx;
		color: #fff;
		padding-top: 8rpx;
	}
	.com-btn{
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: 204rpx;
		height: 64rpx;
		background: #fee619;
		box-shadow: 0 8rpx 0 0 #d9a715, inset 0 0 24rpx 6rpx rgba(243, 48, 48, .34), 0 4rpx 12rpx 6rpx rgba(255, 123, 1, .34);
		border-radius: 12rpx;
		font-weight: 700;
		padding-top: 8rpx;
		font-size: 26rpx;
		color: #1c1e22;
		word-break: break-all;
		text-align: center;
	}
	.con{
		width: 100%;
		height: calc(100vh - 302rpx);
		overflow-y: scroll;
		padding: 24rpx 20rpx 0 20rpx;
	}
	.swiper-item{
		width: 100%;
		height: 288rpx;
		border-radius: 12rpx;
	}
	.swiper-item image{
		width: 100%;
		height: 288rpx;
		border-radius: 12rpx;
	}
	.games{
		width: 100%;
		margin-top: 56rpx;
	}
	.card-head{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 10rpx;
	}
	.chleft{
		flex: 1;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.gameicon{
		width: 38rpx;
		height: 38rpx;
		margin-right: 12rpx;
	}
	.chleft view{
		font-size: 36rpx;
		font-weight: 700;
		color: #fff;
	}
	/deep/.games .uni-scroll-view-content{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: fit-content;
	}
	.items{
		width: 220rpx;
		height: 308rpx;
		border-radius: 16rpx;
		overflow: hidden;
		margin-right: 10rpx;
	}
	.items image{
		width: 100%;
		height: 100%;
	}
	.chright{
		font-size: 24rpx;
		color: #36ba73;
	}
	
	/deep/ .siwper1 .uni-swiper-slide-frame{
		width: 580rpx !important;
	}
	.changshang{
		width: 580rpx !important;
	}
	.changshang .swiper-item{
		width: 564rpx;
		padding: 18rpx 10rpx 12rpx 10rpx;
		height: 400rpx;
		background: #17181b;
		border-radius: 10rpx;
	}
	.info{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.left{
		flex: 1;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.left image{
		width: 144rpx;
		height: 40rpx;
		margin-right: 20rpx;
	}
	.l-title{
		font-size: 24rpx;
		color: #fff;
		line-height: 28rpx;
	}
	.l-subtitle{
		font-size: 22rpx;
		color: #97a8b8;
		line-height: 28rpx;
	}
	.info .right{
		width: 32rpx;
		height: 32rpx;
		margin-right: 28rpx;
	}
	.infoscon{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 18rpx;
	}
	.infoscon image{
		width: 166rpx;
		height: 120rpx;
	}
	.infoscon image:nth-child(-n+3){
		margin-bottom: 10rpx;
	}
	.content-wrap{
		width: 100%;
		padding: 40rpx 34rpx 0 34rpx;
	}
	.more-info{
		position: relative;
		overflow: hidden;
	}
	.more-info.normal{
		background-color: #2d3035;
	}
	.more-info.aftes::after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: url('../../static/img/more.png') repeat top;
		background-size: 100% 100%;
	}
	.main-title{
		margin-bottom: 28rpx;
		color: #fff;
		font-size: 48rpx;
		font-weight: 500;
		line-height: normal;
	}
	.contentcon{
		width: 100%;
		padding: 24rpx 20rpx 0 20rpx;
		text-align: justify;
		padding-bottom: 154rpx;
	}
	.contentcon.close{
		overflow: hidden;
		height: 396rpx;
		padding-bottom: 0;
		filter: brightness(.5);
	}
	.contentcon.expande{
		overflow: auto;
		height: auto;
	}
	.ccitem{
		margin-bottom: 40rpx;
		color: #b7bbcc;
		font-size: 28rpx;
	}
	.ccitem h5{
		color: #fff;
		font-size: 40rpx;
		margin-bottom: 22rpx;
	}
	.ccitem h3{
		color: #fee01a;
		font-size: 28rpx;
	}
	.expande-button-wrap{
		position: absolute;
		bottom: 22rpx;
		left: 50%;
		transform: translate(-50%);
		z-index: 2;
	}
	.expande-button{
		width: 208rpx;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 24rpx;
		color: #fff;
		border-radius: 6rpx;
		text-align: center;
		background: #3f434d;
	}
	.footer{
		width: 100%;
		padding: 56rpx 0 70rpx 0;
		background: #17181b;
	}
	.service{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		padding: 0 32rpx;
	}
	.serviceitem{
		width: 100%;
	}
	.sititle{
		font-weight: 700;
		color: #fff;
		margin-bottom: 26rpx;
		font-size: 36rpx;
	}
	.cells{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.cells view{
		flex: 1;
		color: #a6b2c0;
		text-align: center;
		margin-right: 10rpx;
		font-size: 24rpx;
	}
	.cells view:last-child{
		margin-right: 0;
	}
	.line{
		background: #25272b;
		margin: 50rpx 0;
		height: 2rpx;
		width: 100%;
	}
	.supper{
		width: 100%;
		padding: 0 32rpx;
	}
	.sup-icons,.symbol-box{
		margin-bottom: 44rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.sup-icons image{
		width: 80rpx;
		height: 80rpx;
	}
	.symbol-box{
		padding: 0 10rpx;
	}
	.symbol-box image{
		width: 56rpx;
		height: 56rpx;
	}
	.rules{
		width: 100%;
		margin-top: 66rpx;
		margin-bottom: 28rpx;
		padding: 0 32rpx;
	}
	.rule-icons{
		display: grid;
		grid-template-areas:
			"a b c"
			"d e f";
		gap: 48rpx 26rpx;
		margin-bottom: 64rpx;
	}
	.rule-icons image:nth-child(1){
		width: 172rpx;
		height: 36rpx;
		grid-area: a;
		place-self: center flex-start;
	}
	.rule-icons image:nth-child(2){
		width: 88rpx;
		height: 84rpx;
		grid-area: b;
		place-self: center;
	}
	.rule-icons image:nth-child(3){
		width: 208rpx;
		height: 60rpx;
		grid-area: c;
		place-self: center flex-end;
	}
	.rule-icons image:nth-child(4){
		width: 134rpx;
		height: 66rpx;
		grid-area: d;
		place-self: center flex-start;
	}
	.rule-icons image:nth-child(5){
		width: 72rpx;
		height: 104rpx;
		grid-area: e;
		place-self: center;
	}
	.rule-icons image:nth-child(6){
		width: 232rpx;
		height: 58rpx;
		grid-area: f;
		place-self: center flex-end;
	}
	.copyright{
		width: 100%;
		padding: 0 32rpx;
	}
	.copyright image{
		width: 100rpx;
		height: 80rpx;
	}
	.copyright view{
		color: #a6b2c0;
		margin-top: 30rpx;
		font-size: 22rpx;
		line-height: 38rpx;
	}
	.balance{
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-width: 160rpx;
		max-width: 400rpx;
		height: 70rpx;
		padding-left: 32rpx;
		background: #14161a;
		border-top-left-radius: 10rpx;
		border-bottom-left-radius: 10rpx;
	}
	.jinbi{
		width: 32rpx;
		height: 28rpx;
	}
	.yue{
		font-size: 30rpx;
		padding-left: 10rpx;
		font-weight: 600;
		color: #fff;
	}
	.shuaxin{
		width: 30rpx;
		height: 30rpx;
		margin-left: 22rpx;
		margin-right: 16rpx;
	}
	.ssssxuanzhuan {
		animation: rotatefresh 1s;
	}
	
	@keyframes rotatefresh {
		from {
			transform: rotate(0deg);
		}
	
		to {
			transform: rotate(360deg);
			transition: all 0.6s;
		}
	}
	.qianbao{
		width: 72rpx;
		height: 66rpx;
		border-top-right-radius: 10rpx;
		border-bottom-right-radius: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fee619;
		box-shadow: 0 2rpx 0 0 #d9a715, inset 0 0 24rpx 6rpx rgba(243, 48, 48, .34), 0 4rpx 12rpx 6rpx rgba(255, 123, 1, .34);
	}
	.qianbao image{
		width: 30rpx;
		height: 30rpx;
	}
	.com-my{
		width: 70rpx;
		height: 78rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 30rpx;
		padding-top: 8rpx;
		border-radius: 50%;
		overflow: hidden;
	}
	.com-my image{
		width: 70rpx;
		height: 70rpx;
	}
	
	.popup{
		width: 100vw;
		height: calc(100vh - 190rpx);
		overflow: hidden;
		position: fixed;
		top: 190rpx;
		left: 0;
		z-index: 999;
		background-color: #202125;
		border-top: 2rpx solid #17181b;
	}
	.popup.in{
		animation: leftru .7s ease;
		animation-fill-mode: forwards;
	}
	.popup.ling{
		translate: 0%;
	}
	.popup.out{
		animation: leftchu .7s ease;
		animation-fill-mode: forwards;
	}
	.popup.bai{
		translate: -100%;
	}
	@keyframes leftru{
		0{
			translate: -100%;
		}
		100%{
			translate: 0%;
		}
	}
	@keyframes leftchu{
		0{
			translate: 0%;
		}
		100%{
			translate: -100%;
		}
	}
	.menu-wrap{
		padding: 26rpx 24rpx 140rpx 24rpx;
	}
	.indexbg{
		width: 100%;
		height: 168rpx;
	}
	.link-items{
		padding: 0 32rpx;
		margin-top: 30rpx;
		border-radius: 6rpx;
		background: #2e3035;
	}
	.link-item{
		height: 94rpx;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.link-item image,.online-service image{
		width: 36rpx;
		height: 32rpx;
	}
	.link-item view,.online-service view{
		padding-left: 32rpx;
		font-size: 28rpx;
		color: #fff;
	}
	.online-service{
		height: 96rpx;
		margin-top: 8rpx;
		padding: 0 32rpx;
		border-radius: 6rpx;
		background: #2e3035;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.gonggao{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2001;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .7);
	}
	.gonggaocon{
		width: 628rpx;
		height: 1054rpx;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		display: flex;
		flex-direction: column;
		background-size: 100% 100% !important;
		background-image: url('../../static/img/gonggao.png');
	}
	.Annmt{
		flex: 1;
		padding: 340rpx 0 48rpx 0;
		height: calc(100vh - 374rpx);
		overflow-y: scroll;
	}
	.annmttext{
		height: calc(100% - 80rpx);
	}
	.annmttitle{
		font-weight: 700;
		text-align: center;
		font-size: 36rpx;
		margin-bottom: 36rpx;
		color: #fff;
	}
	.annmtbox{
		width: 520rpx;
		height: 440rpx;
		font-size: 24rpx;
		color: #fff;
		margin: 0 auto;
		overflow: hidden visible;
	}
	.annmtbox .swipers{
		height: 440rpx;
	}
	.annmtbox .swiper-item{
		width: 100%;
		height: 390rpx;
	}
	/deep/ .annmtbox .uni-scroll-view-content{
		display: block;
	}
	/deep/ .annmtbox .uni-swiper-dot{
		width: 12rpx;
		height: 12rpx;
	}
	.annmtknow{
		width: 548rpx;
		height: 76rpx;
		margin: 0 auto;
		font-size: 30rpx;
		font-weight: 700;
		color: #000;
		border-radius: 12rpx;
		background: #fee619;
		box-shadow: 0 8rpx 0 0 #d9a715, inset 0 0 24rpx 6rpx rgba(243, 48, 48, .34), 0 4rpx 12rpx 6rpx rgba(255, 123, 1, .34);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.tabbars{
		position: fixed;
		display: flex;
		width: 100%;
		height: calc(112rpx + env(safe-area-inset-bottom));
	    background: #1e1f23;
		bottom: 0;
		left: 0;
		z-index: 888;
		padding-bottom: env(safe-area-inset-bottom);
	}
	.tabber-item{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 112rpx;
		position: relative;
		width: 25%;
	}
	.tiicon{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40rpx;
	}
	.tiicon1{
		width: 32rpx;
		height: 24rpx;
	}
	.tiicon2{
		width: 36rpx;
		height: 36rpx;
	}
	.tiicon3{
		width: 38rpx;
		height: 34rpx;
	}
	.tiicon4{
		width: 34rpx;
		height: 32rpx;
	}
	.tabber-item view{
		font-size: 22rpx;
		color: #a6aeb9;
		margin-top: 10rpx;
	}
	.tabber-item.active view{
		color: #fff;
	}
	
	
	/deep/ .uni-popup__wrapper{
		width: 94%;
		background-color: #dcebed !important;
		border-radius: 12rpx;
	}
	.iframespopup{
		position: fixed;
		z-index: 9999;
	}
	/deep/ .iframespopup .uni-popup__wrapper{
		width: 100%;
		height: 100vh;
		z-index: 9999;
		position: relative;
		border-radius: 0;
		padding-top: calc(10rpx + env(safe-area-inset-top));
	}
	.iframe_alert h5{
		background: linear-gradient(to bottom, #2e8190 0%, #0e424d 100%);
		color: #fff;
		font-size: 32rpx;
		padding: 20rpx 22rpx;
		line-height: 38rpx;
	}
	.iframe_alert .uni-popup__wrapper>view{
		padding: 20rpx 24rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.iframe_alert .top1 view{
		color: #333333;
		font-size: 28rpx;
	}
	.iframe_alert .top1 text{
		background: linear-gradient(to bottom, rgba(211, 179, 92, 1) 0%, rgba(177, 134, 65, 1) 3%, rgba(176, 134, 62, 1) 5%, rgba(181, 141, 69, 1) 8%, rgba(212, 177, 96, 1) 16%, rgba(221, 190, 110, 1) 18%, rgba(236, 208, 125, 1) 24%, rgba(237, 209, 125, 1) 76%, rgba(234, 206, 123, 1) 79%, rgba(229, 198, 116, 1) 82%, rgba(187, 148, 73, 1) 95%, rgba(180, 140, 68, 1) 97%, rgba(211, 179, 92, 1) 100%);
		font-size: 24rpx;
		color: #000;
		border-radius: 6px;
		padding: 10rpx 12rpx;
	}
	.iframe_alert .top2 input{
		width: 70%;
		font-size: 28rpx;
		line-height: 32rpx;
		border: none;
		padding: 0 12rpx;
	}
	.iframe_alert .top2 text{
		background: linear-gradient(to bottom, #2e8190 0%, #0e424d 100%);
		border-radius: 6px;
		font-size: 24rpx;
		color: #fff;
		padding: 10rpx 12rpx;
	}
	.iframe_alert .top3 text{
		background: linear-gradient(to bottom, #dcdcdc 0%, #969696 100%);
		font-size: 28rpx;
		border-radius: 6px;
		line-height: 64rpx;
		text-align: center;
		width: 44%;
		margin: 0 3%;
		color: #5a5a5a;
	}
	.iframe_alert .top3 text:last-child{
		background: linear-gradient(to bottom, #2e8190 0%, #0e424d 100%);
		color: #fff;
	}
	.iframe_alert .top4 text{
		background: linear-gradient(to bottom, #2e8190 0%, #0e424d 100%) !important;
		color: #fff !important;
	}
	.game_div{
		display: flex;
		flex-wrap: wrap;
		
	}
	.game_div .game_div_list{
		width: 50%;
	}
	.game_div .game_div_list image{
		width: 90%;
		height: 160rpx;
	}
	.game_div .game_div_list view{
		color: #000;
		font-size: 28px;
	}
	
	.iframespopup image{
		width: 80rpx;
		height: 80rpx;
		z-index: 99999;
		position: absolute;
		top: 20rpx;
		left: 10rpx;
	}
	
	.tabber-item1::before{
		content: "";
		position: absolute;
		z-index: 2;
		top: -33%;
		background: #1e1f23;
		left: 50%;
		width: 110rpx;
		height: 106rpx;
		border-radius: 50%;
		transform: translate(-50%) !important;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.tabber-item1 .tiicon2{
		position: relative;
		width: 76rpx;
		height: 76rpx;
		margin-top: -36rpx;
		z-index: 3;
	}
</style>
